﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>江西中医药大学知识管理平台</title>
    <link rel="stylesheet" type="text/css" href="~/Content/inc/css/index.css" />
    @*<script src="inc/js/jquery.min.js"></script>
    <script src="inc/js/echarts.simple.min.js"></script>*@
    <script src="~/Content/inc/js/jquery.min.js"></script>
    <script src="~/Content/inc/js/echarts.simple.min.js"></script>
    <style>
        .zj li {
            margin: 10px 8px;
            width: 18%;
            float: left;
            text-align: center;
        }

            .zj li img {
                width: 90%;
                height: 70%;
                margin: 10px 0;
            }
    </style>
</head>

<body>
    <!--------------------- --头部 ------------------------->
    <header>
        <div class="up">
            <div class="wrapper">
                <div class="fr">
                    <span>您好</span>
                    <span>李老师</span>
                    <span>|</span>
                    <span>退出</span>
                    <span class="msg">
                        消息
                        <a id="msgNum">71</a>
                    </span>
                </div>
            </div>
        </div>
        <div class="down">
            <div class="wrapper">
                <div class="logo fl">
                    <img class="fl" src="/Content/inc/img/logo.png" />
                    <span class="fl">江西中医院大学知识管理平台</span>
                </div>
                <div class="search fr">
                    <div class="search_tit">
                        <span class="active">全部</span>
                        <span>标签</span>
                        <span>标签</span>
                        <span>标签</span>
                    </div>
                    <div class="search_inp">
                        <div>
                            <input id="searchbtn" type="text" />
                            <img src="/Content/inc/img/seach.png" />
                        </div>
                        <div>
                            <span>搜索</span>
                            <span>高级检索</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div style="border-bottom: 1px solid #E3E3E3;height: 158px;">
        <div class="wrapper">
            <div class="icon">
                <div>
                    <img src="/Content/inc/img/1.png" />
                </div>
                <div>
                    <p>规培</p>
                    <p>平台</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/2.png" />
                </div>
                <div>
                    <p>OK</p>
                    <p>MS</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/3.png" />
                </div>
                <div>
                    <p>知识</p>
                    <p>仓库</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/4.png" />
                </div>
                <div>
                    <p>统计</p>
                    <p>分析</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/5.png" />
                </div>
                <div>
                    <p>知识</p>
                    <p>问答</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/6.png" />
                </div>
                <div>
                    <p>维基</p>
                    <p>百科</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/7.png" />
                </div>
                <div>
                    <p>中医药知识</p>
                    <p>工程管理</p>
                </div>
            </div>
        </div>
    </div>
    <!---------------------------------规培平台---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;background-color: #FAFAFA;height: 336px;">
        <div class="wrapper">
            <div class="mod_right fl">
                <div class="tit">
                    <div class="fl tit_left">
                        <img class="fl" src="/Content/inc/img/8.png" />
                        <span class="fl">我的日程</span>
                    </div>
                    <div class="fr tit_left">
                        <span>更多>></span>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="modList" style="background-image: url(/Content/inc/img/rili.jpg);background-repeat:no-repeat;height: 265px;"></div>


            </div>
            <div class="mod_left fr">
                <div class="tit">
                    <div class="fl tit_left">
                        <img class="fl" src="/Content/inc/img/8.png" />
                        <span class="fl">规培平台</span>
                    </div>
                    <div class="fr tit_left">
                        <span>更多>></span>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="modList" style="background-image: url(/Content/inc/img/guipei.png);background-repeat:no-repeat;height: 265px;"></div>

            </div>

        </div>
    </div>
    <!---------------------------------知识地图---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;background-color: #FAFAFA;height: 336px;">
        <div class="wrapper">
            <div class="mod_left fl">
                <div class="tit">
                    <div class="fl tit_left">
                        <img class="fl" src="/Content/inc/img/8.png" />
                        <span class="fl">知识地图</span>
                    </div>
                    <div class="fr tit_left">
                        <span>更多>></span>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="modList" style="height: 265px;">
                    <ul class="zj">
                        <li><img src="/Content/inc/img/zj.jpg" /><p>专家</p></li>
                        <li><img src="/Content/inc/img/zj.jpg" /><p>专家</p></li>
                        <li><img src="/Content/inc/img/zj.jpg" /><p>专家</p></li>
                        <li><img src="/Content/inc/img/zj.jpg" /><p>专家</p></li>
                        <li><img src="/Content/inc/img/zj.jpg" /><p>专家</p></li>
                    </ul>
                </div>

            </div>
            <script>

            </script>
            <div class="mod_right fr">
                <div class="tit">
                    <div class="fl tit_left">
                        <img class="fl" src="/Content/inc/img/8.png" />
                        <span class="fl">学习培训平台</span>
                    </div>
                    <div class="fr tit_left">
                        <span>更多>></span>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="modList">
                    <div class="mod_tit">学习培训</div>
                    <div class="mod_cont">
                        <p>最新课程</p>
                        <img style="width: 100%;height: 150px;" src="/Content/inc/img/005.jpg" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-----------------------------------热点知识---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;background-color: #FAFAFA;height: 486px;">
        <div class="wrapper">
            <div class="mod_left fl" style="width: 60%;">
                <div class="tit">
                    <div class="fl tit_left">
                        <img class="fl" src="/Content/inc/img/8.png" />
                        <span class="fl">热点知识</span>
                        <div class="tit_new fl">最新知识</div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="modList">
                    <div class="mod_cont" style="height: 415px;">
                        <div class="hot">
                            <div class="fl hot_left">
                                <img src="/Content/inc/img/red.jpg" />
                            </div>
                            <div class="fl">
                                <p style="font-weight: 600;">全国收费清单“一张网”</p>
                                <p>“双创”税收优惠政策查询</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 5px;" src="/Content/inc/img/10.png" />
                                <p>0</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 2px;" src="/Content/inc/img/9.png" />
                                <p>0</p>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="hot">
                            <div class="fl hot_left">
                                <img src="/Content/inc/img/red.jpg" />
                            </div>
                            <div class="fl">
                                <p style="font-weight: 600;">全国收费清单“一张网”</p>
                                <p>“双创”税收优惠政策查询</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 5px;" src="/Content/inc/img/10.png" />
                                <p>0</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 2px;" src="/Content/inc/img/9.png" />
                                <p>0</p>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="hot">
                            <div class="fl hot_left">
                                <img src="/Content/inc/img/red.jpg" />
                            </div>
                            <div class="fl">
                                <p style="font-weight: 600;">全国收费清单“一张网”</p>
                                <p>“双创”税收优惠政策查询</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 5px;" src="/Content/inc/img/10.png" />
                                <p>0</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 2px;" src="/Content/inc/img/9.png" />
                                <p>0</p>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="hot">
                            <div class="fl hot_left">
                                <img src="/Content/inc/img/red.jpg" />
                            </div>
                            <div class="fl">
                                <p style="font-weight: 600;">全国收费清单“一张网”</p>
                                <p>“双创”税收优惠政策查询</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 5px;" src="/Content/inc/img/10.png" />
                                <p>0</p>
                            </div>
                            <div class="fr">
                                <img style="margin-left: 2px;" src="/Content/inc/img/9.png" />
                                <p>0</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mod_right fr" style="width: 38%;">
                <div class="tit">
                    <div class="fl tit_left">
                        <img class="fl" src="/Content/inc/img/8.png" />
                        <span class="fl">通知公告</span>
                    </div>
                    <div class="fr tit_left">
                        <span>更多>></span>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="modList" style="border-bottom: 3px solid #56A8F8;">
                    <div class="mod_cont">
                        <ul class="notice">
                            <li>
                                第六届心理健康形象大使评选决赛举行
                                <span class="fr">2018-11-15</span>
                            </li>
                            <li>
                                第六届心理健康形象大使评选决赛举行
                                <span class="fr">2018-11-15</span>
                            </li>
                            <li>
                                第六届心理健康形象大使评选决赛举行
                                <span class="fr">2018-11-15</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mod_right fr" style="width: 38%;">
                <div class="tit">
                    <div class="fl tit_left">
                        <img class="fl" src="/Content/inc/img/8.png" />
                        <span class="fl">门户定制</span>
                    </div>
                </div>
                <div class="modList">
                    <div class="mod_cont" style="background-image: url(/Content/inc/img/11.png);background-size: cover;height: 102px;"></div>
                </div>

            </div>
        </div>
    </div>
    <!---------------------------------OKMS---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;height: 336px;">
        <div class="wrapper">
            <div class="tit">
                <div class="fl tit_left">
                    <img class="fl" src="/Content/inc/img/8.png" />
                    <span class="fl">OKMS</span>
                </div>
                <div class="fr tit_left">
                    <span>更多>></span>
                </div>
            </div>
            <div class="clear"></div>
            <div class="modList" style="width: 31%;">
                <div class="mod_tit">
                    中国医药信息化发展技术现状
                    <button class="all">已完成</button>
                </div>
                <div class="mod_cont">
                    <div class="justify justify_all fl">
                        <div>负责人</div>
                        <div>成员</div>
                        <div>起止时间</div>
                        <div>简介</div>
                    </div>
                    <div class="justify_all fl">
                        <div>：</div>
                        <div>：</div>
                        <div>：</div>
                        <div>：</div>
                    </div>
                    <div class="justify_all fl">
                        <div>邓玉敏</div>
                        <div>邓玉敏 周植宁 于江虎</div>
                        <div>2018.8.30-2018.10.30</div>
                        <div>个人简介</div>
                    </div>
                </div>
            </div>
            <div class="modList" style="margin-left: 2%;width: 31%;">
                <div class="mod_tit">
                    中国医药信息化发展技术现状
                    <button class="all">已完成</button>
                </div>
                <div class="mod_cont">
                    <div class="justify justify_all fl">
                        <div>负责人</div>
                        <div>成员</div>
                        <div>起止时间</div>
                        <div>简介</div>
                    </div>
                    <div class="justify_all fl">
                        <div>：</div>
                        <div>：</div>
                        <div>：</div>
                        <div>：</div>
                    </div>
                    <div class="justify_all fl">
                        <div>邓玉敏</div>
                        <div>邓玉敏 周植宁 于江虎</div>
                        <div>2018.8.30-2018.10.30</div>
                        <div>个人简介</div>
                    </div>
                </div>
            </div>
            <div class="modList" style="margin-left: 2%;width: 32%;">
                <div class="mod_tit">
                    中国医药信息化发展技术现状
                    <button class="all">已完成</button>
                </div>
                <div class="mod_cont">
                    <div class="justify justify_all fl">
                        <div>负责人</div>
                        <div>成员</div>
                        <div>起止时间</div>
                        <div>简介</div>
                    </div>
                    <div class="justify_all fl">
                        <div>：</div>
                        <div>：</div>
                        <div>：</div>
                        <div>：</div>
                    </div>
                    <div class="justify_all fl">
                        <div>邓玉敏</div>
                        <div>邓玉敏 周植宁 于江虎</div>
                        <div>2018.8.30-2018.10.30</div>
                        <div>个人简介</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-----------------------------------统计分析---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;height: 376px;">
        <div class="wrapper">
            <div class="tit">
                <div class="fl tit_left">
                    <img class="fl" src="/Content/inc/img/8.png" />
                    <span class="fl">统计分析</span>
                </div>
                <div class="fr tit_left">
                    <span>更多>></span>
                </div>
            </div>
            <div class="clear"></div>
            <div class="modList count fl" style="width:50%;">
                <div class="mod_cont ">
                    <div class="fl" style="width: 33%;">
                        <div id="echartsPie1" style="height: 250px;"></div>
                    </div>
                    <div class="fl" style="width: 33%;">
                        <div id="echartsPie2" style="height: 250px;"></div>
                    </div>
                    <div class="fl" style="width: 33%;">
                        <div id="echartsPie3" style="height: 250px;"></div>
                    </div>
                </div>
            </div>
            <div class="modList count fl" style="margin-left: 2%;width: 47%;">
                <div class="mod_cont">
                    <div id="main">
                        <!--<img class="fl" src="/Content/inc/img/zhu.jpg" />-->
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-----------------------------------维基百科---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;height: 380px;background-color: #FAFAFA;">
        <div class="wrapper">
            <div class="tit">
                <div class="fl tit_left">
                    <img class="fl" src="/Content/inc/img/8.png" />
                    <span class="fl">维基百科</span>
                </div>
                <div class="fr tit_left">
                    <span>更多>></span>
                </div>
            </div>
            <div class="clear"></div>
            <div>
                <div class="wiki1 fl">
                    <div class="wiki1_tit">生活百科</div>
                    <div class="wiki1_cont">
                        <img class="fl" src="/Content/inc/img/VIKI.png" />
                        <div class="wiki1_cont_right fl">
                            <span>决明子：常见中药，有降脂、明目的作用</span>
                            <p style="margin-top: 15px;">决明子是豆科植物决明或者小决明的干燥成熟种子，包含人体必需的多类微元素，有明目之功效。</p>
                            <p>相关词条：<span style="text-decoration: none;">决明   中药   豆科</span></p>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <ul class="wiki1_lis" style="margin-top: 20px;">
                        <li><span>装修污染：</span>室内空气中混有甲醛、苯、氨等气体危害人体健康</li>
                        <li><span>牙结石：</span>沉积在牙面上的菌斑，长期以往将形成真正的牙结石</li>
                        <li><span>徒步：</span>穿越不同的区域，用脚步丈量着土地，遇见更美的风景</li>
                    </ul>
                </div>
                <div class="mod_cont wiki2 fl">
                    <ul class="tab">
                        <li class="active">党务知识</li>
                        <li>人文</li>
                        <li>宗教</li>
                        <li>神话</li>
                        <li>文学</li>
                        <li>博物馆</li>
                        <li>习俗</li>
                        <li>古迹</li>
                    </ul>
                    <div class="tabs">
                        <div style="display: block;">
                            <span class="modles">
                                <p>党的代表大会代表</p>
                                <span>党的代表大会代表：是指按照规定的程序，经过党员大会或者党的代表</span>
                            </span>
                            <span class="modles">
                                <p>党的代表大会代表</p>
                                <span>党的代表大会代表：是指按照规定的程序，经过党员大会或者党的代表</span>
                            </span>
                            <span class="modles">
                                <p>党的代表大会代表</p>
                                <span>党的代表大会代表：是指按照规定的程序，经过党员大会或者党的代表</span>
                            </span>
                            <span class="modles">
                                <p>党的代表大会代表</p>
                                <span>党的代表大会代表：是指按照规定的程序，经过党员大会或者党的代表</span>
                            </span>
                        </div>
                        <div>2</div>
                        <div>3</div>
                        <div>4</div>
                        <div>5</div>
                        <div>6</div>
                        <div>7</div>
                        <div>8</div>
                    </div>
                </div>
                <div class="wiki3 fl">
                    <img src="/Content/inc/img/16.png" /><br />
                    <button>进入词条</button><br />
                    <button class="bon">创建词条</button><br />
                    <button class="bon">完善词条</button>
                </div>
            </div>
        </div>
    </div>
    <!-----------------------------------知识问答---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;height: 350px;">
        <div class="wrapper">
            <div class="tit">
                <div class="fl tit_left">
                    <img class="fl" src="/Content/inc/img/8.png" />
                    <span class="fl">知识问答</span>
                </div>
                <div class="fr tit_left">
                    <span>更多>></span>
                </div>
            </div>
            <div class="clear"></div>
            <div class="fl">
                <div class="ans">
                    <input type="text" name="tname" placeholder="请输入您的问题">
                    <button>提问</button>
                </div>
                <div class="phy">
                    <span>医学</span>
                    <ul>
                        <li>HPV疫苗有必要接种吗</li>
                        <li>甲醛超标的危害</li>
                        <li>如何预防抑郁症的发生</li>
                        <li>白血病的病因有哪些</li>
                        <li>食物中毒的应急处理措施</li>
                    </ul>
                </div>
            </div>
            <div class="ans_card fl">
                <div class="card">
                    <ul class="tab1">
                        <li class="answer_active">开放域</li>
                        <li>医药</li>
                        <li>学者</li>
                        <li>统计指标</li>
                        <li>出版物</li>
                        <li>文献</li>
                        <li>百科</li>
                    </ul>
                    <div class="tabs1">
                        <div style="display: block;">
                            <p>1宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                            <p>宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                        </div>
                        <div>
                            <p>2宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                        </div>
                        <div>
                            <p>3宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                        </div>
                        <div>
                            <p>4宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                        </div>
                        <div>
                            <p>5宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                        </div>
                        <div>
                            <p>6宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                        </div>
                        <div>
                            <p>7宫颈癌疫苗介绍</p>
                            <span>
                                宫颈癌疫苗，又称为HPV疫苗，是一种预防宫颈癌发病的疫苗。宫颈癌主要由感染人乳头瘤病毒（HPV）引起，
                                该疫苗通过预防HPV病毒感染，进而有效预防了宫颈癌的发病，可防止人体感染疫苗所涵盖的人乳头状瘤病毒亚型变异。
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-----------------------------------中医药知识工程管理---------------------------------->
    <div style="border-bottom: 1px solid #E3E3E3;height: 350px;background-color: #FAFAFA;">
        <div class="wrapper">
            <div class="tit">
                <div class="fl tit_left">
                    <img class="fl" src="/Content/inc/img/8.png" />
                    <span class="fl">中医药知识工程管理</span>
                </div>
                <div class="fr tit_left">
                    <span>更多>></span>
                </div>
            </div>
            <div class="clear"></div>
            <div>
                <div class="manig">
                    <img src="/Content/inc/img/15.png" />
                    <span>中医药词表管理</span>
                </div>
                <div class="manig">
                    <img src="/Content/inc/img/14.png" />
                    <span>中医云病历管理</span>
                </div>
                <div class="manig">
                    <img src="/Content/inc/img/13.png" />
                    <span>挖掘分析</span>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="wrapper" style="padding: 20px;">
            <div class="foot" style="margin-left: 6%;">
                <img src="/Content/inc/img/foot.jpg" />
            </div>
            <div class="foot" style="width: 46%;">
                <p>版权所有：江西中医药大学 | 地址：江西省南昌市湾里区梅岭大道1688号</p>
                <p>邮编：330004 | 赣ICP备13005956号</p>
            </div>
            <div class="foot" style="border-right: none;">
                <p>
                    <img src="/Content/inc/img/001.jpg" />
                    <img src="/Content/inc/img/002.jpg" />
                </p>
                <p>网站备案编号：360105011063801</p>
            </div>
        </div>
    </footer>
    <div style="height: 50px;background-color: #2A8CD7;"></div>
    <script src="/Content/inc/js/echarts.js"></script>
  
    <script type="text/javascript">
			$(document).ready(function() {
				$('.tab').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('active').siblings().removeClass('active');
					$(this).parents(".mod_cont").find('.tabs').find('div').eq(index).show().siblings().hide();
				})
				$('.tab1').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('answer_active').siblings().removeClass('answer_active');
					$(this).parents(".card").find('.tabs1').find('div').eq(index).show().siblings().hide();
				})
				require.config({
					paths: {
						echarts: 'http://echarts.baidu.com/build/dist'
					}
				});

				// 使用
				require(
					[
						'echarts',
						'echarts/chart/line',
						'echarts/chart/pie',
						'echarts/chart/bar'// 使用柱状图就加载bar模块，按需加载
					],
					function(ec) {
						var echartsPie1 = echarts.init(document.getElementById('echartsPie1'));
						option = {
							tooltip: {
								trigger: 'item',
								formatter: "{a},{b}"
							},
							legend: {
								orient: 'vertical',
								 x: 'center',
        						 y: 'bottom',
								data: ['创作文档', '课题项目']
							},
							series: [{
								name: '访问来源',
								type: 'pie',
								radius: ['40px', '70px'],
								avoidLabelOverlap: false,
								label: {
									normal: {
										show: false,
										position: 'center'
									},
									emphasis: {
										show: true,
										textStyle: {
											fontSize: '18',
											fontWeight: 'bold'
										}
									}
								},
								labelLine: {
									normal: {
										show: false
									}
								},
								data: [{
										value: 333,
										name: '创作文档'
									},
									{
										value: 23,
										name: '课题项目'
									}
								]
							}]
						};
						echartsPie1.setOption(option);
						var echartsPie2 = echarts.init(document.getElementById('echartsPie2'));
						option = {
							tooltip: {
								trigger: 'item',
								formatter: "{a} {b}"
							},
							legend: {
								orient: 'vertical',
								 x: 'center',
        						 y: 'bottom',
								data: ['创作文档', '课题项目']
							},
							series: [{
								name: '访问来源',
								type: 'pie',
								radius: ['40px', '70px'],
								avoidLabelOverlap: false,
								label: {
									normal: {
										show: false,
										position: 'center'
									},
									emphasis: {
										show: true,
										textStyle: {
											fontSize: '18',
											fontWeight: 'bold'
										}
									}
								},
								labelLine: {
									normal: {
										show: false
									}
								},
								data: [

									{
										value: 310,
										name: '创作文档'
									},
									{
										value: 65,
										name: '课题项目'
									}
								]
							}]
						};

						echartsPie2.setOption(option);
						var echartsPie3 = echarts.init(document.getElementById('echartsPie3'));
						option = {
							 tooltip : {
				                trigger: 'axis',
				                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				                },
				                 formatter: function (params, ticket, callback) {
                                   console.log(params)
                                   var res = params[0].name ;
                                   for (var i = 0, l = params.length; i < l; i++) {
                                       res += '<br/>' + params[i].seriesName + ' : ' + Math.abs(params[i].value) ;
                                       }
                                   setTimeout(function () {
                                       // 仅为了模拟异步回调
                                       callback(ticket, res);
                                   }, 500)
                                   return 'loading...';
                               }
			                },
							legend: {
								orient: 'vertical',
								 x: 'center',
        						 y: 'bottom',
								data: ['文档库', '视频库', '成果库', '音频库', '图片库', '其他', '富文本库']
							},
							series: [{
								name: '访问来源',
								type: 'pie',
								radius: ['40px', '70px'],
								avoidLabelOverlap: false,
								label: {
									normal: {
										show: false,
										position: 'center'
									},
									emphasis: {
										show: true,
										textStyle: {
											fontSize: '18',
											fontWeight: 'bold'
										}
									}
								},
								labelLine: {
									normal: {
										show: false
									}
								},
								data: [{
										value: 335,
										name: '文档库'
									},
									{
										value: 310,
										name: '视频库'
									},
									{
										value: 234,
										name: '成果库'
									},
									{
										value: 135,
										name: '音频库'
									},
									{
										value: 135,
										name: '图片库'
									},
									{
										value: 135,
										name: '其他'
									},
									{
										value: 1548,
										name: '富文本库'
									}
								]
							}]
						};

						echartsPie3.setOption(option);
						var myChart = ec.init(document.getElementById('main'));
						var option = {
							title: {
								text: '某地区蒸发量和降水量',
								subtext: '纯属虚构'
							},
							tooltip: {
								trigger: 'axis'
							},
							legend: {
								data: ['蒸发量', '降水量']
							},
							toolbox: {
								show: true,
								feature: {
									mark: {
										show: true
									},
									dataView: {
										show: true,
										readOnly: false
									},
									magicType: {
										show: true,
										type: ['line', 'bar']
									},
									restore: {
										show: true
									},
									saveAsImage: {
										show: true
									}
								}
							},
							calculable: true,
							xAxis: [{
								type: 'category',
								data: ['文档库', '视频库', '音频库', '成果库', '图片库', '其他', '富文本库', '8月', '9月', '10月', '11月', '12月']
							}],
							yAxis: [{
								type: 'value'
							}],
							series: [{
									name: '蒸发量',
									type: 'bar',
									data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
									markPoint: {
										data: [{
												type: 'max',
												name: '最大值'
											},
											{
												type: 'min',
												name: '最小值'
											}
										]
									},
									markLine: {
										data: [{
											type: 'average',
											name: '平均值'
										}]
									}
								},
								{
									name: '降水量',
									type: 'bar',
									data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
									markPoint: {
										data: [{
												name: '年最高',
												value: 182.2,
												xAxis: 7,
												yAxis: 183,
												symbolSize: 18
											},
											{
												name: '年最低',
												value: 2.3,
												xAxis: 11,
												yAxis: 3
											}
										]
									},
									markLine: {
										data: [{
											type: 'average',
											name: '平均值'
										}]
									}
								}
							]
						};
						myChart.setOption(option);
					})
			});
			$(document).ready(function() {
				$('.tab').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('active').siblings().removeClass('active');
					$(this).parents(".mod_cont").find('.tabs').find('div').eq(index).show().siblings().hide();
				})
				$('.tab1').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('answer_active').siblings().removeClass('answer_active');
					$(this).parents(".card").find('.tabs1').find('div').eq(index).show().siblings().hide();
				})
				$(".search_tit span").click(function() {
					$(".search_tit span").removeClass('active');
					$(this).addClass('active');
				})

			});
    </script>
</body>

</html>
